<template>
  <van-swipe :autoplay="3000">
    <van-swipe-item v-for="item in banner" :key="item.id">
      <img :src="item.image_url" />
    </van-swipe-item>
  </van-swipe>
</template>
 
<script>
export default {
  data() {
    return {};
  },
  props: ["banner"],
};
</script>
 
<style lang = "less" scoped>
.van-swipe {
    margin: 2% 5% 5%;
    .van-swipe-item {
    color: #fff;
    img {
        width: 100%;
        height: 100px;
        border-radius: 10px;
    }
  }
}
</style>